<nav aria-label="Page navigation">
    <ul class="pagination">
        <li ng-class="{disabled:currentPage==1}" >
            <span ng-click="changeTo(currentPage-1)">
                <span aria-hidden="true">&laquo;</span>
            </span>
        </li>
        <li ng-class="{active:item==currentPage}" ng-repeat="item in pageList">
            <a  ng-click="changeTo(item)" >{{item}}</a>
        </li>
     
        <li ng-class="{disabled:currentPage==pageList.length}" >
            <span ng-click="changeTo(currentPage+1)">
                <span aria-hidden="true">&raquo;</span>
            </span>
        </li>
    </ul>
</nav>
<style>
    .pagination li{
        cursor: pointer;
    }
    .pagination .disabled{
        cursor: disabled
    }
</style>